﻿<%@ page session="false" language="java" contentType="text/html; charset=UTF-8" trimDirectiveWhitespaces="true" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>消防手报</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/font-awesome.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-fonts.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/jquery-ui.css" />
<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
<script src="${contextPath}/resources/assets/js/jquery.js"></script>
<script src="${contextPath}/resources/assets/js/ace-extra.js"></script>
	<style>
		.wrapper{
			width:960px;
            height: 594px;
            margin:0 auto;
		}
	</style>
</head>
<body class="no-skin" style="background:white;">
	<div class="wrapper">
            <div class="widget-box">
                <!-- <div class="widget-header">
                    <h3 class="widget-title">
                        消防手报
                    </h3>

                    <div class="widget-toolbar">
                        <a href="#" data-action="close">
                            <i class="ace-icon fa fa-times" style="line-height:35px;"></i>
                        </a>
                    </div>
                </div> -->

                <div class="widget-body">
                    <div class="widget-main">
                        <div class="top-part" style="margin:20% 0">
                            <div style="width:30%;height:40%;float:left;margin-left:10%;">
                                <img src="${contextPath}/resources/Picture/xunkong/sbtb/xfsb.png" style="width:80%;height:80%;margin:10%;">
                            </div>
                            <div style="width:40%;height:40%;margin-left:45%;font-size:18px;font-family:'微软雅黑';font-weight:bold;line-height:22px;border:1px dashed #DBDBDB;">
                                <p style="width:100%;height:100%;padding:5%">
                                    <span>名称:工业级温湿度监控仪</span><br/>
                                    <span>设备编号:<span id="deviceCode">XFSB(N10)-01</span></span><br/>
                                    <span>供应商:xxxxx</span><br/>
                                    <span>型号:APTX-4876</span><br/>
                                    <span>采购时间:2016年8月14日</span><br/>
                                    <span>质保时间:2年</span><br/><br/>
                                    <span>保养周期:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="interval"></span>天</span><br/>
                                    <span>上次保养时间:&nbsp;&nbsp;&nbsp;<span id="lasttime"></span></span>
                                </p>
                            </div>
                        </div>
                        <hr/>
                    </div><!-- /.widget-main -->
                </div><!-- /.widget-body -->
            </div>
        </div>
	<script type="text/javascript">
        window.jQuery || document.write("<script src='${contextPath}/resources/assets/js/jquery.js'>" + "<" + "/script>");
    </script>

<script type="text/javascript">
   var contextPath = '${contextPath}';
</script>
  <script src="${contextPath}/resources/assets/js/ace/ace.js"></script>      
  <script src="${contextPath}/resources/assets/js/bootstrap.js"></script>      
  <script src="${contextPath}/resources/assets/js/jquery-ui.js"></script>      
  <script>
  (function(){
	  var deviceCode=$("#deviceCode").html();
  	  $.ajax({
			type:"post",
			async:false,
			url:"../loadInfo?DeviceCode="+deviceCode,
			success:function(data){
				$("#interval").html(data[0].interval);
				$("#lasttime").html(data[0].lastTime);
			}
		});
  }());
  </script>
</body>
</html>
